<template>
	<view class="aucdetails">
		<uni-section title="沙石小程序" type="line"
					style="margin-bottom: 3px;" fixed="true">
					<view class="box-bg">
						<view class="box-bg">
							<uni-nav-bar dark backgroundColor="rgba(255,255,255,0)" left-icon="left" title="沙石小程序"  @clickLeft="goPrev"/>
						</view>
					</view>
		</uni-section>
		<view class="detailBox">
			<view class="detailImg">
				<image src="../../../static/logo.png" mode=""></image>
				<view class="nowPage">1/3</view>
			</view>
			<view class="detailDes">
				<view class='processBox'>
					<view class="process">火热报名中</view>
					<view class="time">今天<text>22</text>:<text>00</text>结束</view>
				</view>
				<view class="startPrice">起拍价￥<text>200</text></view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			goPrev() {
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style lang="scss">
uni-section {
	position: fixed;
	margin-top: 42px;		
	width: 100%;
	color: #fff;
	.uni-icons {
		width: 16px;
		height: 16px;
		border-radius: 50%;
		text-align: center;
		background-color: rgba(0, 0, 0, .3);
	}
}
.aucdetails {
	display: flex;
	min-height: 100vh;
	background-color: #212121;
	.detailBox {
		.detailImg {
			position: relative;
			width: 375px;
			height: 375px;
			.nowPage {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 36px;
				background-color: rgba(0, 0, 0, .5);
				color: #fff;
				font-size: 12px;
				text-align: center;
				margin-right: 6px;
				margin-bottom: 7px;
				border-radius: 7px;
			}
			&>image {
				width: inherit;
				height: inherit;
			}
		}
		.detailDes {
			width: 360px;	
			height: 160px;
			background-color: #323232;
			margin-top: 16px;
		}
	}
}
</style>
